<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE html>
<html>
<head>

<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<link rel="stylesheet" type="text/css" href="<%=basePath%>jslib/easyui/themes/default/easyui.css">
<link rel="stylesheet" type="text/css" href="<%=basePath%>jslib/easyui/themes/icon.css">
<link rel="stylesheet" type="text/css" href="<%=basePath%>jslib/easyui/demo/demo.css">
<script type="text/javascript" src="<%=basePath%>jslib//easyui/jquery.min.js"></script>
<script type="text/javascript" src="<%=basePath%>jslib/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="<%=basePath%>jslib/easyui/locale/easyui-lang-zh_CN.js"></script>

<title>MenuButton Actions - jQuery EasyUI Demo(1.5.3)</title>

<script type="text/javascript">
		
	$(function(){
		
	});
	
</script>
</head>
<body>

<h2>菜单按钮相关操作</h2>
	<div class="demo-info">
		<div class="demo-tip icon-tip"></div>
		<div>点击下面按钮执行相关操作.</div>
	</div>
	<div style="margin:10px 0;">
		<a href="#" class="easyui-linkbutton" onclick="$('#btn-edit').menubutton('disable')">禁用编辑</a>
		<a href="#" class="easyui-linkbutton" onclick="$('#btn-edit').menubutton('enable')">启用编辑</a>
	</div>
	<div style="padding:5px;border:1px solid #ddd">
		<a href="#" class="easyui-linkbutton" data-options="plain:true">主页</a>
		<a id="btn-edit" href="#" class="easyui-menubutton" data-options="menu:'#mm1',iconCls:'icon-edit'">编辑</a>
		<a href="#" class="easyui-menubutton" data-options="menu:'#mm2',iconCls:'icon-help'">帮助</a>
		<a href="#" class="easyui-menubutton" data-options="menu:'#mm3'">关于</a>
	</div>
	<div id="mm1" style="width:150px;">
		<div data-options="iconCls:'icon-undo'">撤销</div>
		<div data-options="iconCls:'icon-redo'">恢复</div>
		<div class="menu-sep"></div>
		<div>剪切</div>
		<div>复制</div>
		<div>粘贴</div>
		<div class="menu-sep"></div>
		<div>
			<span>工具条</span>
			<div style="width:150px;">
				<div>地址</div>
				<div>链接</div>
				<div>导航工具条</div>
				<div>书签工具条</div>
				<div class="menu-sep"></div>
				<div>新建工具条...</div>
			</div>
		</div>
		<div data-options="iconCls:'icon-remove'">删除</div>
		<div>全选</div>
	</div>
	<div id="mm2" style="width:100px;">
		<div>帮助</div>
		<div>更新</div>
		<div>关于</div>
	</div>
	<div id="mm3" class="menu-content" style="background:#f0f0f0;padding:10px;text-align:left">
		<img src="http://www.jeasyui.com/images/logo1.png" style="width:150px;height:50px">
		<p style="font-size:14px;color:#444;">EasyUI就是好.</p>
	</div>

	<script type="text/javascript">
	
	</script>
</body>
</html>